<template>
   <div class="home">
    jiann s 
    <div class="head">
     hahahhahha
    </div>

    </router-view>

    <ul class="last">
    <router-link to="singer" tag="li">音乐馆</router-link>
    <li>音乐馆</li>
    <li>音乐馆</li>
    <li>音乐馆</li>
    </ul>
   </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
@import "~@style/index.less";
.home{
   display: flex;
   flex-direction: column;
   //background: #222;
  //  position: relative;
  .head{
    .w(312);
    .h(2);
  }

  .last{
    color: #000; 
    .h(2);
    width: 100%;
    display: flex;
    justify-items: center;

    position: absolute;
    bottom: 0px;
    li{
       justify-items: center;
       width: 25%;
    }
  
  }
}

</style>